<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>欢迎来到您的修改页面</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="./update.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>

<body>
    <!-- 一级导航开始 -->
    <div class="header-top clearfix" id="nav-top">
        <nav>
            <a href="" class="logo"></a>
            <ul class="nav-right">
                <li><a href="https://iliangcang.com/i/our/aptitude">资质证照 / 协议规则</a></li>
                <li class="addshop"><a href="javascript:;">添加良品</a></li>
                <li class="message">
                    <a href="">消息</a>
                    <!-- 信息二级菜单开始 -->
                    <ul>
                        <li>动态<span>0</span></li>
                        <li>评论<span>0</span></li>
                        <li>私信<span>0</span></li>
                        <li>粉丝<span>0</span></li>
                        <li>喜欢<span>0</span></li>
                        <li>通知<span>0</span></li>
                    </ul>
                </li>
                <li class="cart-nav">
                    <a href="javascript:;" onclick="toMycart()">购物车</a>
                    <!-- 购物车二级菜单开始 -->
                    <ul>
                        <li>您的购物车暂时还没有商品...</li>
                        <li><a href="../shop.html">快去抢购良仓商品吧</a></li>
                    </ul>

                </li>
                <li><a href="reg.html" class="reg">注册</a></li>
                <li><a href="login.html" class="login">登录</a></li>
            </ul>
        </nav>
    </div>
    <!-- 二级导航开始 -->
    <div class="subMenu">

        <ul class="clearfix">
            <li><a href="../index.html">首页</a> </li>
            <li class="cartcon">
                <a>商店</a>
                <!-- 商店二级菜单开始 -->
                <div class="cart-list">
                    <a href="">家居</a>
                    <a href="">文具</a>
                    <a href="">数码</a>
                    <a href="">玩乐</a>
                    <a href="">餐厨</a>
                    <a href="">美食</a>
                    <a href="">服装</a>
                    <a href="">鞋包</a>
                    <a href="">配饰</a>
                    <a href="">美护</a>
                    <a href="">出行</a>
                    <a href="">图书</a>
                    <a href="">艺术</a>
                    <a href="">水具</a>
                    <a href="">运动</a>
                </div>
            </li>
            <li class="zazhicon">
                <a>杂志</a>
                <!-- 杂志二级菜单开始 -->
                <div class="zazhi">
                    <a href="">趣物</a>
                    <a href="">数码</a>
                    <a href="">汽车</a>
                    <a href="">文化</a>
                    <a href="">时尚</a>
                    <a href="">美食</a>
                    <a href="">建筑</a>
                    <a href="">空间</a>
                    <a href="">圈子</a>
                    <a href="">清单</a>
                    <a href="">活动</a>
                    <a href="">视频</a>
                </div>
            </li>
            <li class="sharecon">
                <a>分享</a>
                <!-- 分享二级菜单开始 -->
                <div class="share-list">
                    <a href="">男士</a>
                    <a href="">家居</a>
                    <a href="">数码</a>
                    <a href="">工具</a>
                    <a href="">玩具</a>
                    <a href="">美容</a>
                    <a href="">孩子</a>
                    <a href="">宠物</a>
                    <a href="">饮食</a>
                    <a href="">运动</a>
                    <a href="">文化</a>
                    <a href="">女士</a>
                </div>
            </li>
            <li><a>达人</a> </li>
            <li><a>有偿资讯</a> </li>
            <li></li>
        </ul>

    </div>

    <!-- 修改页开始 -->

    <div class="update">
        <p>
            <span>标题</span>
            <input type="text">
        </p>
        <p>
            <span>价格</span>
            <input type="text">
        </p>
        <p>
            <span>详情</span>
            <input type="text">
        </p>
        <button>修改</button>

    </div>

    <div class="service">
        <a href="">
            <p></p>
        </a>

        <div class="slogen">
            <dl>
                <dt></dt>
                <dd>
                    <p>全球精品</p>
                    <p>Global Selections</p>
                </dd>
            </dl>

            <dl>
                <dt></dt>
                <dd>
                    <p>正品保证</p>
                    <p>Authenticity Guaranteed</p>
                </dd>
            </dl>

            <dl>
                <dt></dt>
                <dd>
                    <p>全场包邮</p>
                    <p>Free Delivery</p>
                </dd>
            </dl>

            <dl>
                <dt></dt>
                <dd>
                    <p>400-897-6363</p>
                    <p>工作日 09:00-18:00</p>
                </dd>
            </dl>

        </div>

    </div>
    <!-- 售后结束尾部开始 -->
    <div class="footer">
        <div class="wrap">
            <div class="footleft">
                <div class="download">
                    <p><span>iPhone Android</span></p>
                    <p>客户端下载</p>
                </div>
                <div class="friendly">
                    <p>
                        <a href="">关于良仓</a>
                        <a href="">服务协议</a>
                        <a href="">隐私保护政策</a>
                        <a href="">使用指南</a>
                        <a href="">联系我们</a>
                        <a href="">加入我们</a>
                        <a href="">友情链接</a>
                        <a href="">私信良仓</a>
                    </p>

                    <p>
                        <span>©</span>
                        2013-2019 北京良仓文化传播有限公司版权所有
                    </p>
                    <p> &nbsp;&nbsp; 公司名称：北京良仓文化传播有限公司 电话：010-58696733</p>
                    <p> &nbsp;&nbsp; 公司地址：北京朝阳区百子湾路32号6号楼1层60号.</p>
                    <p> &nbsp;&nbsp; 社会信用统一代码：91110105059231575L 食品许可证：JY11105160159557 </p>
                    <p> &nbsp;&nbsp; 图书证名称：中华人民共和国出版物经营许可证 图书证编号：新出发京零 字第 朝 150051 号 </p>
                    <p>&nbsp;&nbsp; 京ICP备13010677号 京公网安备&nbsp;&nbsp;11010502025627</p>

                </div>

            </div>

            <div class="footright">
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>

            </div>
        </div>


    </div>

    <!-- 尾部结束 右固定锚点开始 -->

    <div class="right-btn">
        <img src="../img/30892.png" alt="">
    </div>
    <div class="bottom-btn">
        <a href="#nav-top"></a>
    </div>
    <div class="popbar">
        <a href="javascript:;">联系客服</a>
    </div>
    <div class="kefu">
        <p>如有问题，请电话联系运营</p>
        <p><span style="margin-right: 20px;">tel:</span>13598613871</p>
        <button>关闭</button>

    </div>

    <script>
        //先根据a标签携带过来的id 把信息渲染到输入框中
        let searchstr = new URLSearchParams(location.search)
        let pid = searchstr.get("id")
        console.log(pid);

        let ipts = document.querySelectorAll(".update input");
        /* 
     根据商品 id 获取商品详情接口

    接口地址：http://jx.xuzhixiang.top/ap/api/detail.php
   接口请求方式：get
   接口参数：
   id  商品的id
   使用方式
   获取id为1的商品的详情
   http://jx.xuzhixiang.top/ap/api/detail.php?id=1
   服务器返回json数据

     
     */

        let detailAPI = "http://jx.xuzhixiang.top/ap/api/detail.php";
        $.get(detailAPI, { id: pid }).then(r => {
            console.log(r.data);
            ipts[0].value = r.data.pname;
            ipts[1].value = r.data.pprice;
            ipts[2].value = r.data.pdesc;
        })
        //修改商品信息
        // 接口地址：    http://jx.xuzhixiang.top/ap/api/goods/goods-update.php
        // 接口请求方式：get
        // 接口参数：

        //             pid（必选）商品的id
        // pname（必选）商品
        // pprice（必选）商品
        // pdesc（必选）商品
        $(".update button").click(function () {
            let updataAPI = "http://jx.xuzhixiang.top/ap/api/goods/goods-update.php";
            //获取相应的参数
            let pname = ipts[0].value;
            let pprice = ipts[1].value;
            let pdesc = ipts[2].value;
            $.get(updataAPI, { pid, pname, pprice, pdesc }).then(r => {
                console.log(r);
                location.href = "index.html"
            })
        })

        //判断是否登录
        let Mytoken = localStorage.getItem("token");
        let Myusername = localStorage.getItem("username")
        console.log(Mytoken);
        console.log(Myusername);
        if (Mytoken) {
            $(".addshop").click(function () {
                location.href = "./index.html"
            })
            $(".reg").html(Myusername)
            $(".login").html("hello")
        } else {
            $(".addshop").click(function () {
                alert("请您登录账号后再操作哈")
            })
        }

        //联系客服按钮控制
        $(".popbar a").click(function () {
            $(".kefu").css("display", "block")
        })
        $(".kefu button").click(function () {
            $(".kefu").css("display", "none")
        })

    </script>
</body>

</html>